import React from 'react';
import { Layout } from 'antd';
import MenuContent from './MenuContent';
import MenuTop from './MenuTop';

const { Header, Sider, Content } = Layout;

const Navigation = (props: any) => {

    return (
        <Layout className="height_100">
            <div className="header height_100">
                <Header>
                    <MenuTop />
                </Header>
                <Content className="height_cale_nave">
                    <Layout className="height_100">
                        <Sider width={300}>
                            <MenuContent />
                        </Sider>
                        <Content className="pleft_10">
                            <div className="back_fff height_100">
                                {props.children}
                            </div>
                        </Content>
                    </Layout>
                </Content>
            </div>
        </Layout>
      );
}

export default Navigation